<template>
  <div>
    <div class="wrap">
      <div class="top">
        <p style="font-size:0.3rem" @click="goLogin">
          <span
            class="iconfont icon-icon-"
            style="font-size:0.6rem;color:orange; vertical-align: middle;"
          ></span>&nbsp;&nbsp;&nbsp; 我的订单
        </p>
        <span style="font-size:0.4rem" @click="goLogin">></span>
      </div>
      <div class="bottom">
        <ul>
          <li>
            <p class="iconfont icon-daifukuan" style="font-size:0.5rem"></p>
            <p>代付款</p>
          </li>
          <li>
            <p class="iconfont icon-daifahuo" style="font-size:0.5rem"></p>
            <p>代发货</p>
          </li>
          <li>
            <p class="iconfont icon-iconfontsvg03" style="font-size:0.5rem"></p>
            <p>待收货</p>
          </li>
          <li @click="goEvaluate">
            <p class="iconfont icon-kefu" style="font-size:0.5rem"></p>
            <p>待评价</p>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
// import userUtiils from "../../../utils/userUtils";

export default {
  created() {
    let list = localStorage.list;
    if (list) {
      this.list = JSON.parse(list);
    }
  },
  methods: {
    goLogin() {
      if (localStorage.getItem("list")) {
        this.$router.push("/order");
      } else {
        this.$router.push({
          path: "/login",
        });
      }
    },
    goEvaluate() {
      if (localStorage.getItem("list")) {
        this.$router.push("/Evaluate");
      } else {
        this.$router.push({
          path: "/login",
        });
      }
    },
  },
};
</script>

<style scoped>
.bottom ul {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  padding: 0 20px;
}
.bottom ul li .iconfont {
  font-size: 40px;
}
.wrap {
  width: 100%;
  background: white;
  margin: 10px 0;
}
.top {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 20px;
  align-items: center;
  border: 1px solid #eee;
}
</style>